<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html><head>
<meta charset="utf-8">
<title>Konversi Kode</title>
<style type="text/css">
	body {
		background-color:#fff;
		padding:20px;
		font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
		color:#2493C4;
	}

	p {margin-top:20px;}
	code {color:#aa2;}
	
	#codes {
		border:none;
		width:98%;
		height:200px;
		margin:10px auto 10px;
		display:block;
		background-color:#2493C4;
		padding:5px;
		font:normal 12px 'Courier New',Monospace;
                color:#fff;
	}
	
	#codes:focus {background-color:#fff;color:#000;}

	.button-group {
		margin:0px auto 0px;
		text-align:center;
	}
	
	button,button[disabled]:active {
		background-color:#2493C4;
		font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;
		color:#fff;
		padding:5px 10px;
		border:none;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		cursor:pointer;
	}
	
	button:active {background-color:white;color:black;}
	button[disabled],button[disabled]:active {opacity:0.4;cursor:default;}

	#opt1,
	#opt2,
	#opt3,
	#opt4,
	#opt5 {
		display:inline-block;
		margin:0px 10px 0px 0px;
		vertical-align:middle;
		border:none;
		outline:none;
	}
  #AHS a {
    float:right;
    margin:0 0 10px 10px;
    text-decoration:none;
    font-weight:bold;
    color:white;
  }
</style>
<script type="text/javascript">function a() {	 document.addEventListener('keydown', function(e){		/*console.log('keydown');*/		var keys = [];		if(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey) {			if(e.metaKey) {				keys.push('Cmd');			}			if(e.shiftKey) {				keys.push('Shift');			}			if(e.ctrlKey)			{				keys.push('Ctrl');			}			if(e.altKey) {				keys.push('Alt');			}		}		if(e.which)		{			/*console.log(e.which);*/			keys.push(String.fromCharCode(e.which));		}		/*console.log(keys.join('+'));*/		if(keys.length >= 2 && keys[keys.length-1] != '') {			window.postMessage({type: 'dolphin_shortcuts', keys:keys}, '*');		}	 });}a();</script><script type="text/javascript"> window.oncontextmenu = function(event) {    var target = event.target.getAttribute('obj_url');	 window.postMessage({type: 'dolphin_clickTarget', target:target}, '*'); };</script><style type="text/css"></style></head>
<body>
<textarea spellcheck="false" id="codes" placeholder="Write/Copy Your Code Then Click 'Convert'"></textarea>
<div class="button-group">
<button id="cvrt" onclick="cdConvert();this.disabled = true;">Convert</button>
<button onclick="cdClear();">Delete</button>
</div>
<p>
<input checked="true" id="opt1" type="checkbox">Convert <code>&amp;</code> become <code>&amp;amp;</code><br>
<input id="opt2" type="checkbox">Convert <code>'</code> become <code>&amp;#039;</code><br>
<input id="opt3" type="checkbox">Convert <code>"</code> become <code>&amp;quot;</code><br>
<input checked="true" id="opt4" type="checkbox">Convert <code>&lt;</code> become <code>&amp;lt;</code><br>
<input checked="true" id="opt5" type="checkbox">Convert <code>&gt;</code> become <code>&amp;gt;</code>
</p>
<script type="text/javascript">
function cdClear() {
    var wtarea = document.getElementById('codes');
    wtarea.value = '';
    wtarea.focus();
    document.getElementById('cvrt').disabled = false;
}
function cdConvert() {
    var ctarea = document.getElementById('codes'),
        cv = ctarea.value,
        opt1 = document.getElementById('opt1'),
        opt2 = document.getElementById('opt2'),
        opt3 = document.getElementById('opt3'),
        opt4 = document.getElementById('opt4'),
        opt5 = document.getElementById('opt5');
    cv = cv.replace(/\t/g, "    ");
    if (opt1.checked) cv = cv.replace(/&/g, "&amp;");
    if (opt2.checked) cv = cv.replace(/'/g, "&#039;");
    if (opt3.checked) cv = cv.replace(/"/g, "&quot;");
    if (opt4.checked) cv = cv.replace(/</g, "&lt;");
    if (opt5.checked) cv = cv.replace(/>/g, "&gt;");
    if (cv.lastIndexOf('\n') != -1 || cv.length > 40) {
        cv = cv.replace(/^/, "<i rel=\"pre\">");
    } else {
        cv = cv.replace(/^/, "<i rel=\"code\">");
    }
    cv = cv.replace(/$/, "</i>");
    ctarea.value = cv;
    ctarea.focus();
    ctarea.select();
};
</script>

</body></html>
</html>
